<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="fragments/common :: common_header(~{::link})">
	<link>
</head>
<body>
	<div class="page-group">
		<div class="page page-current" id="loginPage" v-cloak>
			<div th:replace="fragments/common :: common_title"></div>
			<div class="content" style="background: url(../images/bg.jpg);background-size: cover;">
			<div class="card" style="margin-top: 40%;">
				<div class="card-header">
					<span></span>
					<a href="javascript:void(0);" @click="gotoRigist" style="font-size: 0.7rem;color: #9a2325">免费注册</a>
				</div>
				<div class="card-content">
					<div class="list-block">
						<ul>
							<li>
								<div class="item-content">
						        	<div class="item-media"><i class="iconfont icon-account"></i></div>
						          	<div class="item-inner">
							            <div class="item-input">
							            	<input type="text" v-model="form.username" placeholder="请输入用户名">
							            </div>
						        	</div>
						        </div>
							</li>
							<li>
								<div class="item-content">
						        	<div class="item-media"><i class="iconfont icon-yingckjian"></i></div>
						          	<div class="item-inner">
							            <div class="item-input">
							            	<input type="password" v-model="form.password" placeholder="请输入密码">
							            </div>
						        	</div>
						        </div>
							</li>
							<li>
								<div class="item-content">
									<div class="item-inner">
										<div class="item-input">
											<label class="label-switch">
												<input type="checkbox" v-model="form.rememberme">
												<div class="checkbox"></div>
											</label>
											&nbsp;&nbsp;自动登录
										</div>
										<div class="item-after">
											<a href="javascript:void(0);" @click="gotoForgot" style="font-size: 0.7rem;">忘记密码</a>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="content-block" style="padding: 0 .5rem;">
				<p><a href="javascript:void(0);" class="button button-fill button-big button-danger" @click="login">登&nbsp;&nbsp;&nbsp;&nbsp;录</a></p>
			</div>
		</div>
		</div>
		
		
		<div v-if="show" class="page" id="checkMobilePage" v-cloak>
			<div th:replace="fragments/common :: common_title"></div>
			<div th:replace="fragments/getBackPwd :: checkMobilePage"></div>
		</div>
		
		<div v-if="show" class="page" id="resetPasswordPage" v-cloak>
			<div th:replace="fragments/common :: common_title"></div>
			<div th:replace="fragments/getBackPwd :: resetPasswordPage"></div>
		</div>
	</div>
<div th:replace="fragments/common :: common_script"></div>
<script type='text/javascript' th:src="@{/js/login.js}"></script>
</body>
</html>